const routes = [
  {
    path: '/',
    // 配置 location 和 path 匹配后用于渲染的 React 组件路径
    component: '@/pages/index',
    title: '首页',
  },
  {
    path: '/doc',
    // 可以是绝对路径，也可以是相对路径。如果是相对路径，会从 src/pages 开始寻找
    component: 'docs',
    title: '文档',
  },
  {
    path: '/counter/:name/:age',
    component: '@/pages/counter',
    title: '计数器',
  },
  {
    // 如果想要确保传不传参数都可以正常访问页面，路由就需要配置两遍，带参数的，和不带参数的
    path: '/counter',
    component: '@/pages/counter',
    title: '计数器',
  },
  {
    path: '/user',
    component: '@/pages/user',
    // 子路由
    routes: [
      {
        path: '/user/order',
        component: 'user/order',
      },
      {
        path: '/user/profile',
        component: 'user/profile',
      },
      {
        path: '/user',
        // 配置路由跳转，当用户访问/user时，自动跳转到/user/order
        redirect: '/user/order',
      },
    ],
  },
  {
    path: '/*',
    component: '404',
  },
];

export default routes;
